;(function($){
	$.fn.fade=function(options){
		$.fn.fade.defaults={
			
		}
		
		return this.each(function(){
			var opt=$.extend({},$.fn.fade.defaults,options);
			var li=$(this).find(opt.li);
			var _this=this;
			var done=true;
			var i=0;
			var timer=null;
			var delay=opt.delay;
			
			
			var init=function(){
				li.eq(i).show();
			}
			init();
			var createBtn=function(){
				var ul=$("<ul class='btn_ul'></ul>");
				$(_this).append(ul);
				
				for(var i=0;i<li.length;i++){
					var ol=$("<li></li>");
					ul.append(ol);
				}
				var w=ul.outerWidth();
				ul.css("marginLeft",-w/2);
				
				return ul;
			}
			var u=createBtn();
			var l=u.find("li");
			var changeTips=function(){
				l.removeClass().eq(i).addClass("active");
			}
			changeTips();
			
			var fadeAnimation=function(){
				li.stop(true,false).fadeOut(1000).eq(i).stop(true,false).fadeIn(1000,function(){
					done=true;
				});
			}
			
			l.click(function(){
				if(!done){return;}
				done=false;
				var index=l.index(this);
				i=index;
				changeTips();
				fadeAnimation();
			});
			
			var auto=function(){
				timer=setInterval(function(){
					i++;
					if(i>li.length-1) i=0;
					changeTips();
					fadeAnimation();
				},delay);
			}
			auto();
			
			$(this).hover(function(){
				clearInterval(timer);
			},function(){
				auto();
			});
			
			
		});
	}
})(jQuery);